Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <body> <div style="position:relative;"> <div style="opacity:0.5;position:absolute;left:50px;top:-30px;width:300px;height:150px;background-color:#40B3DF"></div> <div style="opacity:0.3;position:absolute;left:120px;top:20px;width:100px;height:170px;background-color:#8AC007"></div> <div style="margin-top:30px;width:360px;height:130px;padding:20px;border-radius:10px;border:10px solid #EE872A;font-size:120%;"> <h1>CSS = Styles and Colors</h1> <div style="letter-spacing:12px;font-size:15px;position:relative;left:25px;top:25px;">Manipulate Text</div> <div style="color:#40B3DF;letter-spacing:12px;font-size:15px;position:relative;left:25px;top:30px;">Colors, <span style="background-color:#B4009E;color:#ffffff;"> Boxes</span></div> </div> </div> </body> <!-- Mirrored from www.w3schools.com/html/tryit.asp?filename=tryhtml_css_full by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 07:21:00 GMT --> </html>
Result:
Try it Yourself - © w3schools.com